<template>
  <div >
    <a-tabs type="card" >
      <a-tab-pane key="1" tab="河湖管理" >
        <div style="height :400px">
          <perfect-scrollbar>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
          </perfect-scrollbar>
        </div>
      </a-tab-pane>
      <a-tab-pane key="2" tab="Tab 2" >
        <div style="height :400px">
          <perfect-scrollbar>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
          </perfect-scrollbar>
        </div>
      </a-tab-pane>
      <a-tab-pane key="3" tab="Tab 3">
        <div style="height :400px">
          <perfect-scrollbar>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam est quisquam dolorum ab ea quos laborum voluptatum, quia aperiam soluta sit facilis, officia quaerat. Alias earum accusantium quae ab rerum?</p>
          </perfect-scrollbar>
        </div>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>

export default {
  name: 'GisDialog',
  props: {
  },
  mixins: [],
  components: {
  },
  data () {
    return {
    }
  },
  created () {
  },
  mounted () {
  }
}
</script>

<style lang="less" scoped>
</style>
